$(function () {
  //动态获取到的数据 渲染到页面
  $.ajax({
    method: 'get',
    url: BigNew.user_detail,
    data: {},
    success: (res) => {
      // console.log(res);
      //对象通过 for in 循环遍历
      //获取值 obj[key]
      for (let key in res.data) {
        //console.log(key);
        if (key !== 'userPic') {
          $(`[name="${key}"]`).val(res.data[key]);
        }
      }

      $('.user_pic').prop('src', res.data.userPic);
    }
  })

  //换头像 预览功能
  $('.user_pic').click(() => {
    //触发上传文件功能
    $('[name="userPic"]').click();
  });

  //值发生改变时
  $('[name="userPic"]').change(() => {
    //获取值地址
    const file = $('[name="userPic"]').get(0).files[0];
    //console.dir($('[name="userPic"]').get(0));
    //console.log(file);
    //获取到值，把地址变成浏览器认识的地址
    const url = URL.createObjectURL(file);
    //console.log(url);
    //渲染图片
    $('.user_pic').prop('src', url);
  });

  //点击修改按钮，发送数据请求
  $('[type="submit"]').click((e) => {
    //console.log(1);
    //阻止默认事件
    e.preventDefault();
    //获取用户修改的数据 使用formData提交
    //可以直接把form放入表单 因为，input 的属性name 就是后端返回接口数据对应
    const fd = new FormData(form);
    //console.dir(fd);
    //遍历看数据foreach
    fd.forEach((key) => {
      console.log(key);
    });

    //数据获取成功 发送修改请求
    $.ajax({
      url: BigNew.user_edit,
      method: 'POST',
      data: fd,
      contentType: false,
      processData: false,
      success: (res) => {
        console.log(res)
        if (res.code == 200) {
          window.parent.location.reload();
        }
      }
    })
  });
});